<!DOCTYPE>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <link rel="stylesheet" type="text/css" href="resources/text-scaling.css">
        <style>
            @font-face {
                font-family: 'Open Sans';
                font-style: normal;
                font-weight: 400;
                src: url('../../resources/opensans/OpenSans-Regular.woff') format('woff');
            }
            body {
                font-family: 'Open Sans';
            }
        </style>
    </head>
    <body>
        <section>
            <h1>Webfont Synthetic Bold</h1>
            <p>
                The <b>bold part of this text</b> as well as the header above should
                not be rendered nice and crisp without being overly blurry.
            </p>
        </section>
    <script>
    document.body.offsetLeft;
    </script>
    </body>
</html>
